相信眼尖的各位，應該有發現，這個裡面被塞了一個元件在裡面吧！
今天就是要解釋這個Component是代表哪個功能！

我們可以從幾個地方看到端倪

<error v-if="error" />
import error from "../components/error.vue";
components: {
        error
    },
    

Component ： error.vue

<template>
<div>
    <v-alert type="error">
        I'm an error alert.
    </v-alert>
</div>
</template>

<script>
export default {
    name: 'HelloWorld'

}
</script>

成果

這樣當你輸入的資料經由Login API，如果回傳的資料訊息不是想要的資料，就會顯示錯誤訊息！
//判斷錯誤的方式是 v-if="" ，詳情請搭配
[前11]實作的開端 Home.vue https://ithelp.ithome.com.tw/articles/10250271
[前08]v-everything https://ithelp.ithome.com.tw/articles/10248680

參考

• https://v2.vuetifyjs.com/zh-Hans/components/alerts/